/************************************************
	Descriptions:  页面通用样式定义
*************************************************/
html
{
	height: 100%;
	overflow-x: auto;
}
body
{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
input, select, textarea
{
	font-size: 12px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
form
{
	margin: 0;
	padding: 0;
}
a
{
	text-decoration: none;
}
a:focus
{
	outline: none;
}
table
{
	color: #000;
	border-collapse: collapse;
	background-color: #fff;
	width:100%;
}
td
{
	padding: 0;
	height: 21px;
	line-height: 21px;
	border: 1px solid #CCC;
	text-align: center;
}
.header
{
	border-top: 0;
}
.special
{
	height: 21px;
	background: #f6f6f6;
}
.even_bg_color 
{
	background: #f1f1f1;
}
th
{
	padding: 0;
	height: 21px;
	line-height: 21px;
	border: 1px solid #CCC;
	border-top: 0;
	background-color: #E9F4F9;
	font-weight :bold;
	color: #555;
	text-align: center;
}
table input[type=text]
{
	text-align: left;
	width: 97%;
}
table input[type=text].input_fix_width
{
	width: 108px;
}
table input[type=password]
{
	text-align: left;
	width: 99%;
}
table textarea
{
	width: 92%;
	height: 25px;
}
table select
{
	width: 98%
}
table select.select_fix_width
{
	width: 110px;
}
select
{
	margin: 1px;
	height: 21px;
	border: 1px solid #CCC;
	line-height: 21px;
	background-color: #fff;
	vertical-align: middle;
}
input
{
	background-color: #fff;
}
input[type=text]
{
	margin: 1px;
	padding: 0;
	border: 1px solid #CCC;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
	text-align: left;
}
input[type=password]
{
	border: 1px solid #CCC;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
	margin: 1px;
	text-align: center;
	padding: 0;
}
input[type=button]
{
	float: left;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #1584C4;
	border-style: none;
	cursor: pointer;
	vertical-align: middle;
	padding: 0;
	outline: none;
}
textarea
{
	background-color: #fff;
	border: 1px solid #CCC;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
	margin: 1px;
}
.input_small_normal
{
	width: 30px;
	height: 24px;
	line-height: 24px;
	margin-left: 8px;
	background: url(images/btn_small_normal.png);
}
.input_small_mouseover
{
	width: 30px;
	height: 24px;
	line-height: 24px;
	margin-left: 8px;
	background: url(images/btn_small_hover.png);
}
.input_normal
{
	width: 70px;
	height: 24px;
	line-height: 24px;
	margin-left: 8px;
	background: url(images/btn_normal.png);
}
.input_mouseover
{
	width: 70px;
	height: 24px;
	line-height: 24px;
	margin-left: 8px;
	background: url(images/btn_hover.png);
}
.input_middle1_normal
{
	width: 84px;
	height: 24px;
	line-height: 24px;
	margin-left: 8px;
	background: url(images/btn_middle1_normal.png);
}
.input_middle1_mouseover
{
	width: 84px;
	height: 24px;
	line-height: 24px;
	margin-left: 8px;
	background: url(images/btn_middle1_hover.png);
}
.input_middle2_normal
{
	width: 100px;
	height: 24px;
	line-height: 24px;
	margin-left: 8px;
	background: url(images/btn_middle2_normal.png);
}
.input_middle2_mouseover
{
	width: 100px;
	height: 24px;
	line-height: 24px;
	margin-left: 8px;
	background: url(images/btn_middle2_hover.png);
}
.input_big_normal
{
	width: 120px;
	height: 24px;
	line-height: 24px;
	margin-left: 8px;
	background: url(images/btn_big_normal.png);
}
.input_big_mouseover
{
	width: 120px;
	height: 24px;
	line-height: 24px;
	margin-left: 8px;
	background: url(images/btn_big_hover.png);
}
.img_hand
{
	cursor: pointer;
}
/******************通用样式结束********************/


/************************************************
	Descriptions:  框架内页面整体布局
		 Include:  横向菜单
			  	   内容
			  	   底部按钮（适用于按钮不在表格内的）
*************************************************/
/*横向切换菜单*/
.tab
{
	width: 100%;
	height: 28px;
	background: url(images/tabbarbg.png) repeat-x;
	color: #555555;
	font-weight: bold;
}
.tab ul
{
	padding: 0;
	margin: 0;
	position: relative;
}
.tab li
{
	list-style: none;
	float: left;
	padding:0;
	line-height: 28px;
	text-align: center;
	padding-left: 15px;
}
.first_no_selected
{
	position: relative;
	z-index: 1;
	margin-left: 10px;
	width: 100px;
	height: 28px;
	color: #555555;
	background: url(images/first_noselect.png) no-repeat;
	cursor: pointer;
}
.first_selected
{
	position: relative;
	z-index: 1;
	margin-left: 10px;
	width: 100px;
	height: 28px;
	color: #1584C4;
	background: url(images/first_select.png) no-repeat;
}
.middle_no_selected
{
	position: relative;
	z-index: 1;
	width: 100px;
	height: 28px;
	color: #555555;
	background: url(images/middle_noselect.png) no-repeat;
	cursor: pointer;
}
.middle_selected
{
	position: relative;
	z-index: 1;
	width: 100px;
	height: 28px;
	color: #1584C4;
	background: url(images/second_select.png) no-repeat;
	cursor: auto;
}
.selected_follow
{
	position: relative;
	z-index: 1;
	width: 100px;
	height: 28px;
	color: #555555;
	background: url(images/second_noselect.png) no-repeat;
	cursor: pointer;
}
.last_selected
{
	position: relative;
	z-index: 1;
	width: 15px;
	height: 28px;
	color: #20286b;
	background: url(images/select_end.png) no-repeat;
}
.last_no_selected
{
	position: relative;
	z-index: 1;
	width: 15px;
	height: 28px;
	color: #20286b;
	background: url(images/noselect_end.png) no-repeat;
}
/*页面内容div*/
.mainframe
{
	position: relative;
 *+position: relative;
 *+left: 0;
 *+top: 0;
	margin: 0 auto;
	overflow-x: auto;
	overflow-y: auto;
	width: 100%;
	background: #FFFFFF;
	border-left: 1px solid #f1f1f1;
}
/*页面的隐藏div，用于随时获取当前iframe框架的宽度使按钮对齐中线*/
.hidden_div
{
	display: none;
	width: 100%;
}
/*背景条div*/
.mainframe_button_bar
{
	width:100%;
	background: #e9f3f9;
	border: 0;
	height: 30px;
}
/*页面内容为表格，无需考虑中线对齐*/
.button_set_noalign
{
	display: inline-block;
	padding-top: 3px;
	height: 24px;
	text-align: center;
}
/*此div用于改变宽度保持和隐藏div一致，按钮就会对齐中线*/
.mainframe_button_area
{
	width: 100%;
	margin-left: 0;
	height: 30px;
	text-align: center;
}
/*每个按钮相同的外层div样式*/
.button_set
{
	float: left;
	padding-top: 3px;
	height: 24px;
	width: 50%;
 *width: 49.9%;/*IE7下宽度50%右边的div会撑到下一行*/
	text-align: center;
}
#buttonLeft input[type=button]
{
	float: right;
	margin-right: 4px;
}
#buttonRight input[type=button]
{
	float: left;
	margin-left: 4px;
}
/*只有一个按钮的div样式*/
.button_set_one
{
	display: inline-block;
	margin: 0 auto;
	padding-top: 3px;
	height: 24px;
	width: 100%;
	text-align: center;
}
.button_set_one input[type=button]
{
	float: none;
	margin: 0;
}
/*点击设置和刷新按钮后提示框div的样式*/
.prompt_div
{
	display: none;
	width: 100%;
	height: 100%;
	background-color: #feffe0;
}
.prompt_image
{
	float: left;
	height: 30px;
	width: 30px;
	margin-left: 10px;
}
.prompt_text
{
	float: left;
	height: 30px;
	width: 100px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #000;
}
/*************框架内页面整体布局结束****************/


/************************************************
	Descriptions:  基于框架内页面内容为表格的布局
		 Include:  表头（分两种）
			  	   按钮区
			  	   表格（无特殊情况，使用通用样式）
*************************************************/
/*整个区域嵌套在一个div中,div填满右边*/
.content_div_full
{
	margin: 0 auto;
	width: 789px;
}
.content_div_full .table_tab
{
	width: 769px;
}
/*整个区域嵌套在一个div中,div是固定大小的*/
.content_div_small
{
	margin: 0 auto;
	width: 550px;
}
.content_div_small .table_tab
{
	width: 530px;
}
/*表头（不存在标签切换的）：分为左 中 右三部分，其中中间部分的宽度定义了两种，使用时也可根据需要自定义宽度*/
.table_tab_div
{
	margin: 0 0;
	margin-top: 10px;
	height: 22px;
	width: 100%;
}
.table_tab_left
{
	float: left;
	height: 22px;
	width: 10px;
	background: url(images/tab_left.png) no-repeat;
}
.table_tab
{
	float: left;
	height: 22px;
	background: url(images/tab_bg.png) repeat-x;
	font-weight: bold;
	line-height: 22px;
	text-align: left;
}
.table_tab_right
{
	float: left;
	height: 22px;
	width: 10px;
	background: url(images/tab_right.png) no-repeat;
}
/*表头为标签切换的*/
.table_header_normal
{
	width: 120px;
	height: 22px;
	line-height: 22px;
	margin-right: 2px;
	background: url(images/header_normal.png) no-repeat;
}
.table_header_select
{
	width: 120px;
	height: 22px;
	line-height: 22px;
	margin-right: 2px;
	background: url(images/header_select.png) no-repeat;
}
.table_head_mouseover
{
	width: 120px;
	height: 22px;
	line-height: 22px;
	margin-right: 2px;
	background: url(images/header_hover.png) no-repeat;
}
/*按钮：表格上方的按钮区域包括背景条和按钮，不属于表格，按钮部分的宽度在页面中使用时需要自定义调整，默认为两个按钮的宽度*/
.div_table_button
{
	margin: 0 auto;
	height: 31px;
	width: 100%;
	background: url(images/set_bg.png) repeat-x;
	line-height: 30px;
	vertical-align: middle;
}
.div_table_button_area
{
	float: right;
	margin-top: 4px;
	margin-right: 20px;
	height: 24px;
	width: 156px;
	vertical-align: middle;
}
/******************表格样式结束*******************/


/************************************************
	Descriptions:  基于框架内页面内容为列表的布局
		 Include:  分隔条
			  	   内容列表区
			  	   结束条
*************************************************/
/*内容不同模块之间的横向分隔条*/
.mainframe_bar
{
	margin: 0 auto;
	width: 620px;
	height: 25px;
	background: #F1F1F1;
}
.mainframe_bar_first
{
	margin: 10px auto 0 auto;
	width: 620px;
	height: 25px;
	background: #F1F1F1;
}
.mainframe_bar_text
{
	padding: 5px 0 0 20px;
	color: #555;
	font-weight: bold;
	text-align: left;
}
/*内容结尾的结束条4px*/
.mainframe_foot_bar
{
	margin: 0 auto;
	width: 620px;
	height: 4px;
	background: #F1F1F1;
}
/*-列表区:最外层div，确定列表区的宽度高度*/
.mainframe_ul_one
{
	height: 45px;
	width: 620px;
	margin: 0 auto;
}
.mainframe_ul_two
{
	height: 70px;
	width: 620px;
	margin: 0 auto;
}
.mainframe_ul_three
{
	height: 95px;
	width: 620px;
	margin: 0 auto;
}
.mainframe_ul_four
{
	height: 120px;
	width: 620px;
	margin: 0 auto;
}
.mainframe_ul_five
{
	height: 145px;
	width: 620px;
	margin: 0 auto;
}
.mainframe_ul_six
{
	height: 170px;
	width: 620px;
	margin: 0 auto;
}
.mainframe_ul_seven
{
	height: 195px;
	width: 620px;
	margin: 0 auto;
}
.mainframe_ul_eight
{
	height: 220px;
	width: 620px;
	margin: 0 auto;
}
.mainframe_ul_nine
{
	height: 245px;
	width: 620px;
	margin: 0 auto;
}
.mainframe_ul_sixteen
{
	height: 420px;
	width: 620px;
	margin: 0 auto;
}
/*列表区：内层div（为保证定义border后，宽度不受影响，保证两列分界线在正中间）*/
.mainframe_div
{
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
 *width: 49.9%;/*IE7下宽度50%右边的div会撑到下一行*/
}
/*列表区：第一列样式定义，定义右侧border，表现为两列中间分界线*/
.mainframe_ul1
{
	margin: 0;
	padding: 10px 50px 10px 0;
	width: auto;
	border-right: 1px solid #F1F1F1;
	text-align: center;
}
.mainframe_ul1 li
{
	margin: 0;
	height: 25px;
	line-height: 25px;
	text-align: right;
	list-style-type: none;
}
/*列表区：第二列样式定义*/
.mainframe_ul2
{
	margin: 0;
	padding: 10px 50px 10px 0;
	width: auto;
	text-align: center;
}
.mainframe_ul2 li
{
	margin: 0;
	height: 25px;
	line-height: 25px;
	text-align: right;
	list-style-type: none;
}
/*特殊样式:左对齐,对应mainframe_ul1*/
.mainframe_ul1_special
{
	margin: 0;
	padding: 10px 0 10px 50px;
	width: auto;
	border-right: 1px solid #F1F1F1;
	text-align: center;
}
.mainframe_ul1_special li
{
	margin: 0;
	height: 25px;
	line-height: 25px;
	text-align: left;
	list-style-type: none;
}
/*特殊样式:左对齐,对应mainframe_ul2*/
.mainframe_ul2_special
{
	margin: 0;
	padding: 10px 0 10px 50px;
	width: auto;
	text-align: center;
}
.mainframe_ul2_special li
{
	margin: 0;
	height: 25px;
	line-height: 25px;
	text-align: left;
	list-style-type: none;
}
/*******************列表布局结束******************/


/************************************************
	Descriptions:  复用页面样式
		 Include:   左侧ztree
		 			中间按钮
		 			右侧zTree
					右键菜单
*************************************************/
.mux_page
{
	width: 790px;
	margin: 0 auto;
}
.mux_page_content
{
	float: left;
	width: 345px;
}
.mux_page_content .table_tab
{
	width: 325px;
}
.left_page_content
{
	float: left;
	width: 170px;
}
.left_page_content .table_tab
{
	width: 150px;
}
.mux_tree_content
{
	float: left;
	overflow-x: auto;
	overflow-y: auto;
	width: 343px;
	border-left: 1px solid #8BB4D4;
	border-right: 1px solid #8BB4D4;
	border-bottom: 1px solid #8BB4D4;
}
.mux_button
{
	float: left;
	width: 100px;
	position: relative;
	left: 0;
	top: 63px;
}
.mux_button_area
{
	position: absolute;
	top: 10%;
	*left: 0;
	width: 100%;
}
.button_arrow
{
	width: 100%;
	height: 50px;
}
.right_arrow
{
	position: relative;
	left: 14px;
	margin: 0px auto;
	height: 32px;
	width: 32px;
	background: url(images/Arrow-Right.png) no-repeat;
	cursor: pointer;
}
.left_arrow
{
	position: relative;
	right: 14px;
	margin: 0px auto;
	height: 32px;
	width: 32px;
	background: url(images/Arrow-Left.png) no-repeat;
	cursor: pointer;
}
.button_arrow input
{
	margin: 0;
	padding: 0;
	float: none;
}
.mux_menu_width
{
	width: 130px;
}
/*********复用页面样式结束**********/

/************************************************
	Descriptions:  表编辑页面样式
		 Include: Ztree展现
		 			右键菜单				  
*************************************************/
.page_content
{
	margin: 0 auto;
	width: 425px;
}
.page_content .table_tab
{
	width: 405px;
}
.tree_content
{
	float: left;
	overflow-x: auto;
	overflow-y: auto;
	width: 423px;
	border-left: 1px solid #8BB4D4;
	border-right: 1px solid #8BB4D4;
	border-bottom: 1px solid #8BB4D4;
}
.common_menu_width
{
	width: 120px;
}
.desc_menu_width_en
{
	width: 240px;
}
.desc_menu_width_cn
{
	width: 180px;
}
/*********表编辑页面样式结束**********/

/***simplemodal***/
#simplemodal-overlay
{
	cursor: wait;
	background-color: #444;
}
#simplemodal-container
{
	width: 580px;
	color: #bbb;
	background-color: #ccc;
	border: 2px solid #444;
	padding: 12px;
	overflow-y: auto
}
.modalClose
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 16px;
	height: 16px;
	background: url(images/close.png) no-repeat; /* adjust url as required */	
	cursor: pointer;
}
.bottom_button_div
{
	width: 156px;
	margin: 0 auto;
	margin-top: 10px;
}

/**poshytip css*/
div.tip-yellowsimple table
{
	color: #F00;
	border-collapse: inherit;
}
div.tip-yellowsimple table td
{
	padding: 0;
	height: 0;
	line-height: 0;
	border: none;
	text-align: center;
}
.tip-yellowsimple
{
	z-index: 9999;
	text-align: left;
	border: 1px solid #c7bf93;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 6px 8px;
	min-width: 50px;
	max-width: 200px;
	color: #F00;
	background-color: #fff9c9;
}
.tip-yellowsimple .tip-inner
{
	font: 12px/16px arial, helvetica, sans-serif;
}
.tip-yellowsimple .tip-arrow-top
{
	margin-top: -6px;
	margin-left: -5px; /* approx. half the width to center it */
	top: 0;
	left: 50%;
	width: 9px;
	height: 6px;
	background: url(images/tip-yellowsimple_arrows.gif) no-repeat;
}
.tip-yellowsimple .tip-arrow-right
{
	margin-top: -4px; /* approx. half the height to center it */
	margin-left: 0;
	top: 50%;
	left: 100%;
	width: 6px;
	height: 9px;
	background: url(images/tip-yellowsimple_arrows.gif) no-repeat -9px 0;
}
.tip-yellowsimple .tip-arrow-bottom
{
	margin-top: 0;
	margin-left: -5px; /* approx. half the width to center it */
	top: 100%;
	left: 50%;
	width: 9px;
	height: 6px;
	background: url(images/tip-yellowsimple_arrows.gif) no-repeat -18px 0;
}
.tip-yellowsimple .tip-arrow-left
{
	margin-top: -4px; /* approx. half the height to center it */
	margin-left: -6px;
	top: 50%;
	left: 0;
	width: 6px;
	height: 9px;
	background: url(images/tip-yellowsimple_arrows.gif) no-repeat -27px 0;
}
